{include file="public/head"}
<style>
  body {
    width: 100vw;
    height: 100vh;
    background: url("__ADMINIMG__/banner.jpg") top center no-repeat;
    background-size: cover;
  }

  .login-container {
    height: 100%;
  }

  .position-relative {
    height: 100%;
  }

  .login-layout .widget-box {
    background: none;
    top: 50%;
    margin-top: -220px;
  }

  .login-layout .widget-body {
    background: transparent;
  }

  .widget-main {
    border: 10px solid #458B74;
    border-radius: 20px;
  }
</style>
<div class="main-container login-main-container">
  <div class="main-content">
    <div class="login-container">
      <div class="position-relative">
        <div id="login-box" class="login-box visible widget-box no-border">
          <div class="widget-body">
            <div class="widget-main">
              <h4 class="header blue lighter bigger">
                <i class="ace-icon fa fa-coffee green"></i>
                <b>10·min后台系统登陆</b>
              </h4>

              <div class="space-6"></div>

              <form id="fmLogin" method="post">
                <fieldset>
                  <label class="block clearfix">
                    <span class="block input-icon input-icon-right">
                      <input type="text" class="form-control" name="lname" placeholder="用户名" />
                      <i class="ace-icon icon icon-user"></i>
                    </span>
                  </label>

                  <label class="block clearfix">
                    <span class="block input-icon input-icon-right">
                      <input type="password" class="form-control" name="pwd" placeholder="密码" />
                      <i class="ace-icon icon icon-lock"></i>
                    </span>
                  </label>

                  <!-- <div class="space"></div>
                  <label class="block clearfix">
                    <span class="block input-icon ">
                      <span class="inline">
                        <input type="text" class="form-control" name="verify" placeholder="验证码" id="code" required/>
                      </span>
                      <img style="cursor:pointer;" src="{:captcha_src()}" width="150" height='34' title="看不清楚？点击刷新" onclick="this.src='{:captcha_src()}'+'?_t='+new Date().getTime();">
                    </span>
                  </label> -->

                  <div class="space"></div>
                  <div class="clearfix">
                    <!--<label class="inline">
                      <input type="checkbox" class="ace" name="remember"/>
                      <span class="lbl"> 记住我</span>
                    </label>-->

                    <a id="btnSubmit" class="width-35 pull-right btn btn-sm btn-primary">
                      <i class="ace-icon icon icon-key"></i>
                      <span class="bigger-110">登录</span>
                    </a>
                  </div>
                  <div class="space-4"></div>
                </fieldset>
              </form>
            </div>
            <!-- /.widget-main -->
          </div>
          <!-- /.widget-body -->
        </div>
        <!-- /.login-box -->
      </div>
      <!-- /.position-relative -->
    </div>
  </div>
  <!-- /.main-content -->
</div>
<!-- /.main-container -->

<!-- basic scripts -->

<!--[if !IE]> -->
<script type="text/javascript">
  window.jQuery || document.write("<script src='__ADMIN__/ace/js/jquery-2.0.3.min.js'>" + "<" + "/script>");
</script>

<!-- <![endif]-->

<!-- inline scripts related to this page -->
{include file="public/footerjs"}
<script type="text/javascript">
  jQuery(function ($) {
    $('body').attr('class', 'login-layout');

    $(document).on('click', '.toolbar a[data-target]', function (e) {
      e.preventDefault();
      var target = $(this).data('target');
      $('.widget-box.visible').removeClass('visible');//hide others
      $(target).addClass('visible');//show target
    });
    $("#code").change(function () {
      $(":submit").focus();
    })
  });

  jQuery(function ($) {

    $('#fmLogin input[name=lname]').focus();
    $(document).keydown(function (e) {
      if (e.keyCode == 13) {
        $('#btnSubmit').click();
      }
    });
    //登陆操作
    $('#btnSubmit').click(function () {
      var param = ittaoli.serializeObject($('#fmLogin'));
      console.log(param);
      if(param.lname == '' || param.pwd == ''){
          bootbox.alert("请输入用户名和密码！");
          return;
      }
      $.post('{:Url("login")}', { param: JSON.stringify(param) }, function (data) {
        console.log(data);
        if (data.code > 0) {
          /*bootbox.alert({
              size: "small",
              title: "提示",
              message: "登陆成功",
              callback: function(){ /!* your callback code *!/ }
          })*/
          location.href = data.url;
        } else if (data.code == '-1') {
          bootbox.alert({
            size: "small",
            title: "提示",
            message: "验证码错误",
            callback: function () { /* your callback code */
            }
          })
        } else {
          bootbox.alert({
            size: "small",
            title: "提示",
            message: "用户名或密码错误",
            callback: function () { /* your callback code */
            }
          })
        }
      })
    });
  });
</script>
</body>

</html>